.participationStatisticsBox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #fff;

  .container {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .headTip {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 32rpx;
    color: #313131;
    line-height: 48rpx;
    text-align: center;
    margin-top: 30rpx;
  }

  .middleBox {
    width: 100%;
    height: auto;
    margin: 50rpx 0;

    .swiperBox {
      width: 100%;
      height: 490rpx;
      /* 根据需要调整高度 */
      overflow: hidden;

      .slide-content {
        width: 92%;
        height: auto;
        border-radius: 40rpx;
        text-align: center;
        padding: 40rpx;
        box-sizing: border-box;
        margin: 0 16rpx;

        .picText {
          font-family: PingFang SC, PingFang SC;
          font-weight: 500;
          font-size: 36rpx;
          color: #313131;
          line-height: 56rpx;
        }

        .imgBox {
          width: 100%;
          height: auto;

          image {
            width: 330rpx;
            height: 330rpx;
          }
        }
      }

      .swiper {
        width: 100%;
        height: 100%;
      }

      .leftRightSlide {
        background-color: #f0f0f0;
        /* 左右滑块的颜色 */
      }

      .middleSlide {
        background: #FFF0E6;
        border: 2rpx solid #FF7828;

        /* 中间滑块的颜色 */
      }
    }

    .segmentationBox {
      margin: 35rpx 0;
    }
  }

  .resultBox {
    width: 100%;
    background: #F6F6F6;
    border-radius: 40rpx;
    padding: 35rpx;
    box-sizing: border-box;

    .resultTitle {
      font-family: PingFang SC, PingFang SC;
      font-weight: 600;
      font-size: 38rpx;
      line-height: 56rpx;
      margin-left: 20rpx;
    }
    .purpleColor {
      color: #88619A;
    }
    .greenColor {
      color: #33a475;
    }
    .yellowColor {
      color: #e4ae3a;
    }
    .blueColor {
      color: #4198b4;
    }

    .resultTopBox {
      // width: 100%;
      height: auto;

      image {
        width: 80rpx;
        height: 80rpx;
      }
    }

    .mbtiEveryBox {
      margin: 30rpx 0;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 28rpx;
      color: #313131;
      line-height: 44rpx;



      .resultFirstBox {
        width: 100%;

        .overText {
          font-family: PingFang SC, PingFang SC;
          font-weight: 500;
          font-size: 32rpx;
          color: #313131;
          line-height: 48rpx;
        }
      }

      .mbtiLeft {
        font-weight: 500;
        font-size: 28rpx;
      }
    }
  }

  .bottomBox {
    width: 100%;
    height: auto;
    padding: 30rpx 35rpx 40rpx;
    box-sizing: border-box;
    background-image: linear-gradient(135deg, rgba(255, 240, 230, 1.000000) 0, rgba(218, 255, 243, 1.000000) 100.000000%);
    display: flex;
    flex-direction: column;
    justify-content: flex-center;
    border-radius: 40rpx;


    .headTitle {
      overflow-wrap: break-word;
      color: rgba(255, 120, 40, 1.000000);
      font-size: 40rpx;
      font-family: PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      white-space: nowrap;
      line-height: 56rpx;
      margin: 0 0 30rpx;
    }

    .paragraph_1 {
      width: 90%;
      overflow-wrap: break-word;
      color: rgba(49, 49, 49, 1.000000);
      font-size: 28rpx;
      font-family: PingFang SC-Regular;
      font-weight: normal;
      text-align: left;
      line-height: 44rpx;
    }
  }

  .paddingLR40 {
    padding: 0 40rpx;
    box-sizing: border-box;
  }
}


// 